@charset "utf-8";

/* -------------------------
파일명: global_201209.css
수정일: 20120320
설  명: 모든 파일에 공통적으로 적용. 전체 layout & 기본값
목  차: # Default Reset [Yahoo cssreset사용 할 수 있슴 ]
		# html5 기본 렌더링 Reset
		# Common		
		
		# Site Layout
		# Site Header
		# Content
		# Sidebar
		# Site Footer
-------------------------- */
/* 	
구현단계: 
	- html 문서 구조 순서로    
	- 각 element별 구조(layout) 표현(color, typography) abc 순서로 
	- 글꼴은 '굴림, gulim'처럼 '한글,영어' 형태로 표기
	- 속성값은 단위를 반드시 표기  ex) border:12px;

  */


/* Default Reset Start **********************************

html, body, 
div, span, 
dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6,
blockquote, address, pre, cite,
p, form, fieldset, input, textarea, select,
table, thead, tfoot, tbody, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    text-decoration: none;
    }

body { line-height: 1; }

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    }

fieldset, img, abbr, arconym { boder: 0 none;}

ol, ul, li { list-style: none;}

table {
    border-collapse: collapse;
    border-spacing: 0;
    boder: 0 none;
    empty-cells: show;
    }
caption, th, td {
    font-weight: normal;
    text-align: left;
    }

address, caption, strong, em, cite {
     font-weight: normal;
     font-style: normal;	
}
ins {text-decoration: none;}
del {text-decoration: line-through;}
	
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: """";}

hr {display: none;}
/* Default Reset End **********************************/


/** html5 기본 렌더링 Reset Start  *********************************
*    구형 웹브라우저 또는 기본 렌더링 형식이 지정되지 않은 웹브라우저를 위한 기본 설정용 화일
*    http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html
*/	

[hidden], area, base, basefont, command, datalist, head,
input[type=hidden], link, menu[type=context], meta, noembed, noframes,
param, rp, script, source, style, track, title {display: none;} /* case-insensitive */	

address, article, aside, blockquote, body, center, dd, dir, div, dl,
dt, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header,
hgroup, hr, html, legend, listing, menu, nav, ol, p, plaintext, pre,
section, summary, ul, xmp { 
    display: block;
    	/*   overflow: hidden;  block element에서 block element를 float 할때 생기는 버그 잡기:html5지원 브라우저에서 버그발생  */
    }    

table { 
    display: table;
    boder-collapse: collapse;
    border-spacing: 0;
    cell-spacing: 0; 
    }
caption { display: table-caption;}
colgroup, colgroup[hidden] { display: table-column-group;}
col, col[hidden] { display: table-column;}
thead, thead[hidden] { display: table-header-group;}
tbody, tbody[hidden] { display: table-row-group;}
tfoot, tfoot[hidden] { display: table-footer-group;}
tr, tr[hidden] { display: table-row;}
td, th, td[hidden], th[hidden] { display: table-cell;}

colgroup[hidden], col[hidden], thead[hidden], tbody[hidden],
tfoot[hidden], tr[hidden], td[hidden], th[hidden] { visibility: collapse;}

li { display: list-item; }
ruby { display: ruby; }
rt { display: ruby-text; }

/* html5 기본 렌더링 Reset End  **********************************/





/* Common Start  *************************************************/
body {
    margin: 0 auto;  
    max-width: 1100px;
    min-width: 970px;      /* todo: 화면에 펼쳐지는 내용의 최소크기로 정정 */
    width: 100%;
    font-size: 80%;    
    font-family: "돋움", Dotum, "굴림", Gulim, Verdana ,sans-serif;	
    line-height: 1.2em;  
 /* 기준값:1em=12px  tip: 추후 font크기조정은 em 과 padding을 사용해야 글자 확대시 깨지지 않음   font-size: small;
    글씨 크기를  %값을 사용하면중첩할 때 혼란을 줄 수 있으므로 주의  	
    _width: 980px;        IE6에서 max/min 너비를 지원하지 못하므로 :IE 쿼크모드용          
    background-color: #6fC;    	
    margin-left: 0;     */
    }
a { 
    text-decoration: none; 
    cursor: pointer;
    }
a:link, a:visited { color: #09f; }   /* 보안을 위해 같은색으로 처리 */
a:hover {
    text-decoration: underline;
    color: #330;    
   } 
a[href ^= 'http://'], a[href ^= 'https://'], .external {
    background: url(../images/external.gif) no-repeat right top;
    padding-right: 16px;
    }
abbr, acronym { 
    border-bottom: 1px dotted;
    cursor: help;
    }      
input[type = search] {
    padding-left: 3px; 
	border: 1px solid gray
	}
.accesibility {     /* 접근성 강화: 요소 감추기  */
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    font-size: 0;  /* 페이지 내에 요소를 남기며 자리차지 않게 처리하기  */
    line-height: 0;	
    }
/*	
h1 { font-size: 140%; }
h2 { font-size: 120%; }
h3 { font-size: 100%; }
h4 { font-size:  90%; }
h5 { font-size:  80%; }
h6 { font-size:  70%; }  */

button {cursor: pointer;}
img { border: 0;}	
mark { 
	background-color: #FFF;
	color: #00F;
	}
mark:hover { 
	color: #000; 
	}

.accessbility {margin-left: -30000px;}  /* 접근성 보장하기 위하여 적용 */
.hidden {visibility: hidden;}           /*  보이지 않지만 자리차지 */
.none {display: none;}                  /* 페이지에서 완전 삭제 */
.select, .bold {font-weight: bold;}
.underline {text-decoration: underline;}
/* .line_through { text-decoration: line-through; }  */

.txt_center { text-align: center; }
.txt_right { text-align: right; }
.txt_left { text-align: left; }

.clear_left { clear: left; }
.clear_right { clear: right; }
.clear_both { 
    clear: both;
    overflow: auto;
    }
/*  block element에서 block element를 float 할때 생기는 버그: 
       float 된 element의 부모 element에 overflow: auto; 를 부여하거나 .clearFloat를 설정한다.     */
.no_border_right {     /* li에서 우측 경계선 감추기  */
	border-right: none;
	}
.no_border_left {     
	border-left: none;
	}
.active {    /* todo: 좀더 보강 할 것 */
	font-weight: bold;
	}
.error, :invalid {
    color: #c00; 
	font-weight: bold; 
    padding-left: 10px;
    }	
:enable {
	border: 2px solid #060;
	padding-left:3px;
	}
:disable {
	border: 2px solid #ccc;
	}
/* :focus { 
	outline: 1px solid green;
	}    /* 아웃라인 제거시 outline: 0; */	
	
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.bold, strong { font-weight: bold; }
.italic, em { font-style: italic; }

.color_red { color: red; }
	

	
/* Common End ********************************************************/

/* 위에는 global css 입니다.   */
/*                             */
/* 아래는 default css 입니다.  */


/* Site Layout Start *******************************************************/
#site_main, #site_header, #site_content, #site_footer {
	float: left;
	display: inline;
	overflow: hidden;	
	}
#site_content {
/*	border: 1px solid gray;  /**/
	margin-top: 10px;
	min-height: 75%;      
	width: 800px;
	}

/* Site Layout End *******************************************************/

/* Site Header Start *****************************************************/
#img_printer79 {
	width: 100px;
	height: 25px;
	padding-top: 3px;
	}
#site_navigation {
	position: absolute;
	display: block;
	top: 0;
	margin-left: 850px;
	width: 300px;
	overflow: hidden;  
/*	border-bottom: 1px solid #ccc;  */
	}
#site_navigation li {
	float: left;  
	padding: 5px;
	}
#site_navigation li:hover a {	
	background-color: #eee;
	color: #333;
	border-bottom: 2px solid #ddd;
	text-decoration: none;
	}


	
	
#frmSearch {
	margin-left: 200px;
	margin-bottom: 10px;
	font-size: 16px;
    }
#frmSearch input[type = search] {
    height: 29px;
	width: 180px;
	font-weight: bold;
	font-size: 18px;
    }
#frmSearch label {
	width: 65px;
	display: inline-block;
	}
#frmSearch span:hover {	
	font-weight: bold;
	}
#rdoPrinter, #lblPrinter, #rdoSupplies, #lblSupplies {
    cursor: pointer;
    }	
#lblPrinter, #lblSupplies {
	color: #000;
	}
	
	
		
#btnSearch {
	font-size: 20px;
	font-weight: bold;
	}
	
/* Site Header End *******************************************************/



/* Content Start *******************************************************/

dd a:link  /* , dd a:visited /**/ {     
	color: #006;
	}
dd mark {
	background-color: #6FF;
	}


#site_content>span {
	display: inline-block;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 2px;
	margin-bottom: 5px;
/*	border-bottom: 1px solid black;
	text-decoration: underline;  */
	}
	
	
#makerPool {
	width: 99%;
	border: 1px solid #6F9;	
	}
#makerPool span a {	
	display: inline-block;
	width: 20%;
	text-align: left;
	color: #33C;
	}
#makerPool span a:hover {	
	background-color: #CF3;
	font-weight: bold;
	}

#showChoice {
	margin-top: 10px;
	}
#showChoice img {
	margin-top: 10px;
	margin-left: 10px;
	}





#searchResult h2, #showChoice h2 {
	font-weight: bold; 
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	text-decoration: underline;
	color: #33C;
	}
#searchResult dd span.sType, #showChoice dd span.sType {
	display: inline-block;
	min-width: 120px;
	margin-left: 10px;
	}
#searchResult dd a:hover, #searchResult a:hover mark, 
#showChoice dd a:hover, #showChoice a:hover mark {
	background-color: #CF3;
	}
#searchResult dd span.sTypeTitle+a, #showChoice dd span.sTypeTitle+a {
	padding-top: 1px;
	}
#searchResult dd span.sTypeTitle, #searchResult dd span.sTypeTitle+a, 
#showChoice dd span.sTypeTitle, #showChoice dd span.sTypeTitle+a {
	border-top: 1px dotted #0066FF;
	}
	
	
#goTop {
	position: fixed;
	bottom: 0;
	margin-left: 693px;
	padding: 5px;
	display: block;
	width: 70px;
	height: 15px;	
	font-weight: bold;
	border-radius: 10px;
	color: #000;
	background-color: #CF3;
	text-align: center;
	opacity: 0.3;
	}
#goTop:hover {
	opacity: 1;
	}	
#goTop {
	margin-bottom: 10px;
	}
	


/* Content End *******************************************************/



/* Sidebar Start *******************************************************/
/* Sidebar End *******************************************************/



/* Site Footer  Start  *********************************/
#bottom_navigation {
	margin-left: -10px; 
	border-top: 1px solid gray;
	}
#bottom_navigation li {
	float: left;
	padding: 2px 10px 3px;
	}
#site_footer div p {
	clear: left;
	line-height: 1.4em;
	}	
#img_onbiz {
	width: 30px;
	height: 10px;
	}
/* Site Footer  End  *********************************/
